<template>
  <div class="works_list_box">
    <TitleReth title="shuoming" :content="details.awardDescription" />
    <div class="mt30">
      <TitleReth title="liucheng" :content="details.contestProcess" />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, onMounted, reactive, toRefs } from "vue";
import { getDetails } from "@/utils/apis/home";
import TitleReth from "@/components/TitleReth.vue";
export default defineComponent({
  name: "Worklist",
  components: {
    TitleReth,
  },
  props: {},
  setup() {
    const state = reactive({
      details: {},
    });
    onMounted(async () => {
      const res = await getDetails();
      state.details = res.data;
    });
    return { ...toRefs(state) };
  },
});
</script>
<style lang="scss" scoped>
.works_list_box {
  padding: 30px 20px;
}
</style>
